/* FILE: .style/tk-elcable/xhtml/content.css */
@font-face {
font-family: 'EuropeNormal';
src: url('/.style/tk-elcable/xhtml/fonts/europenew-webfont.eot');
src: url('/.style/tk-elcable/xhtml/fonts/europenew-webfont.eot?#iefix') format('embedded-opentype'),
url('/.style/tk-elcable/xhtml/fonts/europenew-webfont.woff') format('woff'),
url('/.style/tk-elcable/xhtml/fonts/europenew-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ArialIt';
src: url('/.style/tk-elcable/xhtml/fonts/ariali.eot');
src: url('/.style/tk-elcable/xhtml/fonts/ariali.eot?#iefix') format('embedded-opentype'),
url('/.style/tk-elcable/xhtml/fonts/ariali.woff') format('woff'),
url('/.style/tk-elcable/xhtml/fonts/ariali.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Verdana';
src: url('/.style/tk-elcable/xhtml/fonts/verdana.eot');
src: url('/.style/tk-elcable/xhtml/fonts/verdana.eot?#iefix') format('embedded-opentype'),
url('/.style/tk-elcable/xhtml/fonts/verdana.woff') format('woff'),
url('/.style/tk-elcable/xhtml/fonts/verdana.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'verdanabold';
src: url('/.style/tk-elcable/xhtml/fonts/verdanab.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
.firstHead,
div.content p.paragraph.afterHeading,
div.content ul.list.afterHeading,
div.content ol.list.afterHeading,
div.content img.image.afterHeading,
body.catalog div.section.content > .catalog, body.imageGallery div.section.content > .imageGallery.imageGallery,
body.news div.section.content > .news.news, body.feedbackForm div.section.content > .feedbackForm.feedbackForm,
body.catalogUnit div.section.content > .catalogUnit, body.catalogVendor div.section.content > .catalogVendor,
body.catalogSearchResults div.section.content > .catalog, body.order div.section.content > .order,
body.order div.section.content > .order h1, body.newsRubric div.section.content > .newsRubric.newsRubric,
body.newsArticle div.section.content > .newsArticle.newsArticle,
body.imageGalleryRubric div.section.content > .imageGalleryRubric.imageGalleryRubric,
body.catalogMainPage div.section.content > .catalog{
margin-top:0;
}
div.content > div.section .afterHeading,
div.content > div.section > div.section .afterHeading {
margin-top: 0;
}
body.common .stage div.content > div.section:first-child, body.common .stage div.content div.shortInfo.first{
margin-top: 0;
}
div.content > div.section {
margin-top: 29px;
}
div.content > div.section > div.section {
margin-top: 22px;
}
div.content > div.section{
clear:both;
}
a, a.link {
color: #1b75bc;
}
a.imageLink {
display: block;
text-decoration: none;
cursor: pointer;
float: left;
}
div.content p a.link:visited{
color: #a363a7;
}
a.link:hover,
div.content a.link:visited:hover, a:hover,
div.content a.link:visited:hover, div.content a:visited:hover {
color: #18b1e7;
}
h1 {
color: #000000;
font: 30px/35px 'EuropeNormal';
margin: 0 0 29px;
letter-spacing: normal;
}
body.main h1, .layoutA h1, body.main .h1, .layoutA .h1 {
color: #545454;
font: 22px/27px 'EuropeNormal';
margin-bottom: 13px;
}
h2, .h2 {
color: #545454;
font: 22px/27px 'EuropeNormal';
margin: 29px 0 12px;
letter-spacing: normal;
}
h3, .h3,
h4, .h4{
color: #276cb6;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
font-size:17px;
line-height:22px;
letter-spacing: normal;
margin: 22px 0 8px;
font-weight:normal;
}
span.imageBlockOuterContainer {
margin: 0;
padding: 0;
display: inline-block;
max-width:100%;
}
div.content span.imageBlockOuterContainer {
margin: 0 0 0 -5px;
}
.layoutB div.content p.paragraph span.imageBlockOuterContainer {
float: left;
margin: 4px 21px 12px 0;
}
div.newsList span.imageBlockOuterContainer {
float: left;
margin: 5px 22px 19px 0;
}
span.imageBlock {
display: inline-block;
background-color: transparent;
background-repeat: no-repeat;
max-width:100%;
}
div.content span.imageBlock {
border: 5px solid #ebebeb;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: -1px 1px 1px #b3b3b3;
-moz-box-shadow: -1px 1px 1px #b3b3b3;
}
div.content p.paragraph span.imageBlock,
div.content .newsList span.imageBlock {
border: 0 none;
border-radius: 0;
-moz-border-radius:0;
box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
}
span.imageBlock img.image {
padding: 0px;
margin: 0;
display: inline-block;
float: none;
}
div.content img.image {
padding: 0;
margin: 0;
max-width:100%;
}
span.imageTitle {
color: #8d8d8d;
font-size: 12px;
line-height:16px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin: 8px 0 20px;
}
span.imageBlock + span.imageTitle{
margin-top:12px;
}
div.content .floated{
margin-right:20px;
}
div.content p.paragraph img.image {
margin: 0;
}
div.content .heading, div.content p.paragraph, div.content .list, div.content table{
max-width: 100%;
}
div.content table {
margin: 17px 0;
}
.stage p.paragraph {
display: block;
font-size: 13px;
line-height: 17px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
margin: 0 0 17px;
max-width: 100%;
}
div.content p.paragraph.withImage {
float: left;
width: 100%;
margin: 0 0 20px;
}
div.content p.paragraph.note {
background-color: #EBEBEB;
border-left: 5px solid #276DB5;
margin-left: -5px;
padding: 10px 24px 7px;
}
div.content p,
div.content p.paragraph,
div.content .list,
div.hitsWrapper .list
{
color: #000000;
font-size: 13px;
line-height: 17px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
max-width: 100%;
}
span.text {
font-size: 13px;
line-height: 17px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
ul.float, ol.float {
float: left;
}
div.content ol.list,
div.content ul.list {
list-style: none;
margin: 17px 0;
padding: 0;
}
div.content ol.list.ordered li.item {
margin-bottom: 7px;
margin-left: 0;
padding-left: 17px;
position: relative;
}
span.dec {
left: 0;
position: absolute;
top: 0;
}
div.content .list li.item p.paragraph {
margin-top: 0;
margin-bottom: 17px;
}
div.content ol.list ul.list,
div.content ol.list ol.list,
div.content ul.list ul.list,
div.content ul.list ol.list {
margin-top: 9px;
}
div.content ul.list > li {
background-image: url("/.style/tk-elcable/xhtml/images/listMarker.png");
background-position: left 9px;
background-repeat: no-repeat;
margin-bottom: 7px;
margin-left: -4px;
padding-left: 17px;
text-indent: 0;
}
body.main div.content ul.list > li {
margin-left: 11px;
}
div.content ul.list.complex li p.paragraph{
padding-left: 0;
}
div.content ol.list.ordered > li {
background: 0;
}
div.content ul.list > li.complex {
list-style: none;
text-indent: 0;
}
div.content ul.list li:before {
content: "";
}
ul.complex li.item{
margin-left: 0;
}
ul.common li.item:before,
ul.complex li.item:before {
content: '';
}
ul.complex li
{
background: none;
list-style: none;
}
div.content span.file img.image, div.content span.loadable img.image {
float: left;
margin: 2px 6px 0 0;
}
div.content ul.files {
padding-left: 0;
position: relative;
margin: 17px 0 20px -3px;
}
ul.files li.item {
background: none;
}
.content ul.files li.item{
margin-bottom:14px;
}
ul.files li.item img, div.content div.files img {
float: left;
margin: 2px 0 0;
position: relative;
vertical-align: top;
}
div.content ul.list.files > li {
margin:0 0 20px;
text-indent: 0;
background: none;
padding-left: 0;
min-height: 2.6em;
}
div.content div.files {
margin-bottom: 3px;
margin-left: 0;
margin-top: 14px;
min-height: 2.5em;
padding-left: 0;
text-indent: 0;
width: 100%;
}
span.fileImageBlock {
float: left;
margin-right: 9px;
width: 28px;
}
ul.files li.item span.string, div.files span.string {
display: block;
font: 13px/13px Arial;
margin-top: 3px;
color:#97999a;
text-transform: none;
padding-left:35px;
}
ul.files li.item span.filesDate, div.files span.filesDate {
display: inline-block;
padding-left: 3px;
}
ul.files li.item span.date, div.files span.date {
display: inline;
font: 13px/13px Arial;
}
div.content span.section.loadable{
display:block;
margin-top:20px;
}
div.content ul.thumbnails{
margin:0;
margin-top:15px!important;
}
ul.thumbnails > li.item{
width:31%;
margin:0 3.5% 20px 0!important;
display:inline-block;
vertical-align:top;
background:none!important;
padding:0!important;
}
ul.thumbnails > li.item a{
border-bottom:0;
float:none!important;
}
ul.thumbnails > li.item:nth-child(3n){
margin-right:0!important;
}
ul.thumbnails > li.item .glass{
background: url("/.style/tk-elcable/xhtml/icons/glass.png") no-repeat scroll 0 0 transparent;
height: 33px;
width: 33px;
bottom:20px;
right:20px;
display:none;
position:absolute;
}
ul.thumbnails > li.item > a{
position:relative;
display:block;
}
ul.thumbnails > li.item:hover .glass{
display:block;
}
ul.thumbnails > li.item img{
width:100%;
}
table {
margin: 0;
margin-bottom: 1.5em;
}
table tr.row td.cell {
border-bottom: 1px solid #e0e0e0;
border-width: 0 0 1px;
font-size: 13px;
line-height: 17px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
padding: 5px 10px;
text-align: left;
vertical-align: middle;
}
table tr.row:first-child td.cell {
border-top: 1px solid #e0e0e0;
}
table tr.row td.cell p.paragraph{
margin-top: 0;
margin-bottom: 0.5em;
}
table tr.row.heading td.cell {
border-bottom: 2px solid #e0e0e0;
color: #000000;
}
table.withSubHead tr.row.heading td.cell[colspan]{
border-bottom: 1px solid #e0e0e0;
}
div.catalogUnitList table tr.row:not(.subHeading):nth-child(2n){
background-color:#fbfbfb;
}
table tr.row.subHeading td.cell{
border-bottom: 2px solid #e0e0e0;
}
div.content table ol.list,
div.content table ul.list {
list-style: none;
margin: 0;
padding: 5px 0 5px;
}
div.section.collapseContainer{
background: none!important;
min-height:21px;
padding-left:20px!important;
margin-top:19px!important;
position:relative;
}
div.section.collapseContainer:before{
content:"";
position:absolute;
left:4px;
top:8px;
width:10px;
height:6px;
background: url("/.style/tk-elcable/xhtml/icons/collapseSwitcherCollapsed.png") no-repeat scroll 0 0 transparent;
}
div.section.collapseContainer.collapsed:before{
background: url("/.style/tk-elcable/xhtml/icons/collapseSwitcher.png") no-repeat scroll 0 0 transparent;
}
div.section.collapseContainer.collapsed:hover:before{
background: url("/.style/tk-elcable/xhtml/icons/collapseSwitcherHover.png") no-repeat scroll 0 0 transparent;
}
.collapseSwitcher{
border-bottom: 1px dotted;
}
div.section.collapseContainer .collapseSwitcher + *{
margin-top:15px!important;
}
div.section.collapseContainer > img {
height:auto!important;
}
div.section.collapseContainer a.collapseSwitcher{
border-bottom: 1px dotted;
}
div.section.collapseContainer .heading.collapseSwitcher{
display:inline;
color:#1b75bc;
}
div.section.collapseContainer .heading.collapseSwitcher:hover{
color:#18b1e7;
}
div.content div.section.floated {
clear: none;
float: left;
margin-bottom: 15px;
margin-right: 10%;
margin-top:0!important;
width: 45%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
div.content div.section.floated + div.section.floated{
margin-right:0;
}
div.content div.section.floated > .heading.firstHead{
margin-top:23px;
}
div.quote{
margin-bottom:28px;
overflow:hidden;
clear:both;
}
div.quote span.quoteStarter, div.quote span.quoteFinisher{
display:none;
}
div.quote span.text{
font-style:normal;
padding-left:0;
}
div.quote span.text p{
margin-bottom:12px;
}
div.quote span.text p,
div.quote span.text p:before,
div.quote span.text p:after{
color:#000;
font-size:14px;
line-height:19px;
position:relative;
font-family: 'ArialIt';
margin-top:0;
}
div.quote span.text p:before{
content:"«";
font-size:26px;
top:2px;
margin-right:4px;
}
div.quote span.text p:after{
content:"»";
font-size:26px;
position:absolute;
bottom: 3px;
margin-left:4px;
}
div.quote p.paragraph.author, div.quote span.author{
font-weight:normal;
text-align:right;
float:right;
}
div.quote span.author, div.quote p.paragraph.author > span{
font-size:13px;
line-height:16px;
}
div.quote p.paragraph.author span.string{
display:block;
margin-left:18px;
}
div.quote p.paragraph.author span.string:first-child{
margin-left:0;
}
div.quote p.paragraph.author span.string:first-child:before, div.quote span.author:before{
margin-right: 6px;
}
div.floated > div.section.quote{
margin:0!important;
}
.link.managedObject > div.properties div.managedProperty a.enableLink span.text{
border-bottom: 1px dotted;
}
div.section .linkWrap {
margin:20px 0 20px;
}
div.section a.button {
display: inline-block;
padding: 8px 20px 10px;
background-color: #fff;
border:1px solid #8dbadd;
border-radius: 5px;
text-decoration:none;
}
div.section a.button:hover {
background-color: #1b75bc;
border:0;
padding:9px 21px 11px;
}
div.section a.button span{
color:#276cb6;
border-bottom:1px solid;
font-size:16px;
}
div.section a.button.ajaxLink span{
border-bottom:1px dotted;
}
div.section a.button:hover span{
color:#fff;
}
.newsList .imageTitle {
display: none;
}
.newsList h2.heading {
font: 19px/24px 'EuropeNormal';
margin: 0 0 13px;
}
.newsList a.newsArticle.image {
display: block;
}
.newsList span.imageBlockOuterContainer {
float: left;
margin: 2px 17px 12px 0;
}
.newsList li.item span.summary p.paragraph {
margin: 5px 0;
}
.layoutB .newsList span.datetime,
.layoutB div.content > div.section .newsList span.datetime.afterheading {
clear: none;
display: inline;
}
div.content .newsList > ul li.item {
background: none repeat scroll 0 0 transparent;
display: inline-block;
margin: 0 15px 15px 0;
padding: 15px 0 0 0;
vertical-align: top;
width: 100%;
}
div.content .newsList > ul li.item:first-of-type
{
padding-top: 0;
}
body.news div.content .newsList > ul li.item
{
border-top: 1px solid #eee;
}
body.news div.content .newsList > ul li.item:first-of-type
{
border-top: 0;
}
.newsList span.imageBlock {
display: inline-block;
}
.newsArticle .withRubricLink span.datetime{
display:inline-block;
}
div.field div.outer {
border-color: #bfbfbf;
}
div.field div.inner {
border-color: #e9e9e9;
border-style: solid;
border-width: 1px 0 0 1px;
}
div.field.focused div.outer {
border-color: #5391bf;
}
div.field.focused div.inner {
border-color: #c7d7e2;
}
.wrongValue div.field div.outer {
border: 2px solid #ef8181;
}
.wrongValue div.field div.inner {
border-width: 0;
}
div.content div.field input,
div.content div.field textarea,
div.content div.field select {
color: #000000;
}
div.action, .window div.action {
background: #18b1e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YjFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjc1YmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #18b1e7 0%, #1b75bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b1e7), color-stop(100%,#1b75bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #18b1e7 0%,#1b75bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #18b1e7 0%,#1b75bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #18b1e7 0%,#1b75bc 100%); /* IE10+ */
background: linear-gradient(to bottom, #18b1e7 0%,#1b75bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b1e7', endColorstr='#1b75bc',GradientType=0 ); /* IE6-8 */
border: 0 none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: -1px 0 1px 0 #777;
-webkit-box-shadow: -1px 0 1px 0 #777;
-moz-box-shadow: -1px 0 1px 0 #777;
text-decoration: none;
}
div.action:hover, .window div.action:hover{
background: #39c7f9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5YzdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjg0Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #39c7f9 0%, #2684ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39c7f9), color-stop(100%,#2684ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #39c7f9 0%,#2684ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #39c7f9 0%,#2684ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #39c7f9 0%,#2684ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #39c7f9 0%,#2684ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c7f9', endColorstr='#2684ce',GradientType=0 ); /* IE6-8 */
}
div.action:active, .window div.action:active{
background: #1b76bd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzZiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwY2EzZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1b76bd 0%, #0ca3d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b76bd), color-stop(100%,#0ca3d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1b76bd 0%,#0ca3d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b76bd', endColorstr='#0ca3d8',GradientType=0 ); /* IE6-8 */
box-shadow:inset 0 1px 1px 0 #114a76;
}
div.action input.action, .window div.action input.action {
color: #e3f6fc;
display: inline-block;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 16px;
line-height:16px;
padding: 11px 20px;
}
.managedObject > div.properties div.managedProperty.validationHint div.field div.outer,
.managedObject > div.properties div.managedProperty.validationHint div.field div.inner{
border-width:1px;
}
div.captcha span.imageBlockOuterContainer {
display: inline-block;
float: none;
margin: 5px 0 0 15px;
}
.layoutB .managedObject > div.properties div.managedProperty:hover,
.layoutB .managedObject > div.properties div.managedProperty.resizing {
background-color: #ecf8fd;
}
.layoutB .managedObject > div.properties div.managedProperty span.caption {
color: #000000;
font-family: Arial;
font-size: 13px;
line-height: 17px;
vertical-align: middle;
}
div.section.captcha span.caption{
color:#000;
}
div.section.captcha div.field{
margin-right: 20px;
margin-top: 10px;
}
.managedObject > div.properties div.managedProperty a.disableLink,
div.window .managedObject > div.properties div.managedProperty a.disableLink{
width:15px;
height:15px;
background: rgba(0, 0, 0, 0) url("/.style/tk-elcable/xhtml/images/formClose.png") no-repeat scroll center center;
margin-top:-7px;
right: -24px;
}
div.window .managedObject > div.properties div.managedProperty a.disableLink{
right:-20px!important;
}
.catalogMainPage div.catalogList {
float: left;
position: relative;
width: 100%;
margin-bottom: 25px;
}
.catalogMainPage div.catalogList > ul > li.item {
background: none repeat scroll 0 0 transparent;
display: block;
font: 14px/20px Arial;
margin: 0 0 20px;
min-height: 162px;
padding: 14px 0 0 173px;
position: relative;
vertical-align: top;
width: 100%;
}
.catalogMainPage div.catalogList > ul {
float: left;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
position: relative;
width: 100%;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 {
font: 17px/22px Verdana;
margin: 0 0 7px;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 a.link {
color: #000000;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 a.link:hover {
color: #18b1e7;
}
.catalogMainPage div.catalogList ul li.item ul li.item .section h2 {
display: inline-block;
font: 15px/21px Arial;
margin: 0 12px 0 0;
}
.catalogMainPage div.catalogList a.imageLink {
height: 162px;
left: 0;
margin: 0 0 0;
padding: 0;
position: absolute;
top: 0;
width: auto;
}
.catalogMainPage div.catalogList span.imageBlockOuterContainer {
background: url("/.style/tk-elcable/xhtml/images/cabBack.png") no-repeat scroll 3px 2px transparent;
height: 162px;
margin: 0;
padding: 0;
position: relative;
width: 162px;
}
.catalogMainPage div.catalogList span.imageBlock {
background-color: transparent;
background-position: right bottom;
background-repeat: no-repeat;
border: 0 none;
bottom: 13px;
display: inline-block;
position: absolute;
right: 6px;
border-radius: 10px 10px 57px 10px;
-moz-border-radius: 10px 10px 57px 10px;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
}
.catalogMainPage div.catalogList span.imageBlock img {
visibility: hidden;
}
.catalogMainPage div.catalogList span.imageBorder {
background: url("/.style/tk-elcable/xhtml/images/imageBorder.png") no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
left: 0;
position: absolute;
top: 0;
width: 162px;
}
.catalogMainPage div.catalogList span.imageBlock img.image {
padding: 0px;
margin: 0;
visibility: hidden;
display: inline-block;
float: none;
}
.catalogMainPage div.catalogList ul li.item ul.catalogList {
margin-top: 7px;
}
.catalogMainPage div.catalogList ul li.item ul.catalogList li.item {
background: none;
font: 15px/20px Arial;
margin: 0 0 3px;
padding-left: 0;
}
.catalogMainPage div.catalogList ul li.item a.link.catalogUnit {
display: inline-block;
font: 13px/19px Arial;
margin: 0 11px 0 0;
padding-left: 0;
vertical-align: bottom;
}
div.content div.catalog > span.description, .catalog .catalogViewSwitcher,.mainCatalogHits .catalogViewSwitcher{
display: none;
}
div.content div.catalog > span.description{
display: block;
}
div.content div.catalog > span.description > span.imageBlockOuterContainer,
div.content div.catalog > span.description > div.series{
display: none;
}
div.content div.catalogUnit a.imageLink {
clear: both;
position: relative;
text-align: center;
width: 100%;
}
div.content div.catalogUnit a.imageLink span.increase {
background: url('/.style/tk-elcable/xhtml/images/increase.png') no-repeat scroll 0 0 transparent;
bottom: 0;
display: block;
height: 22px;
position: absolute;
left: 0;
width: 21px;
}
div.content div.catalogUnit span.description {
display: block;
padding-top: 28px;
}
div.content div.catalogUnit.withoutImage span.description {
padding-top: 0;
}
div.content div.catalogUnitList div.catalogUnit span.description {
padding-top: 0;
}
div.content div.catalogUnit span.imageBlock {
border: 0 none;
border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
}
div.catalogUnit div.images {
margin: 14px 20px 47px 0;
width: 324px;
}
div.content div.catalogList > ul {
max-width: 100%;
}
div.catalogList > ul li.item {
background: none;
padding-left: 0;
}
div.content div.catalogUnitList div.catalogUnit {
display: inline-block;
float: left;
margin-bottom: 83px;
margin-right: 10%;
width: 260px;
}
div.content div.catalogUnitList div.catalogUnit.first {
clear: left;
}
div.content div.catalogList h2 {
clear: both;
margin-bottom: 23px;
}
div.catalogUnit div.attributes {
clear: both;
}
div.content div.catalogUnitList h3.heading, div.content div.catalogUnitList .h3.heading {
margin-top: 0;
}
div.content div.catalogUnitList span.imageBlockOuterContainer {
margin: 16px 0 15px;
}
div.content div.catalogList div.catalogUnitListInner {
padding-left: 24px;
}
div.catalogUnit p.main-switcher {
clear: both;
display: block;
margin-bottom: 30px;
margin-top: 0;
display: none;
}
div.catalogUnit p.main-switcher span.item {
border-color: #e2e2e2 #d1d1d1 #bebebe;
border-width: 1px;
border-style: solid;
color: #276cb6;
font: 15px/15px Arial;
height: 15px;
padding: 8px 11px 7px 11px;
cursor: pointer;
position: relative;
display: inline-block;
background-image: linear-gradient(bottom, rgb(230,230,230) 31%, rgb(249,249,249) 66%);
background-image: -o-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(249,249,249) 66%);
background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(249,249,249) 66%);
background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(249,249,249) 66%);
background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(249,249,249) 66%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.31, rgb(230,230,230)),
color-stop(0.66, rgb(249,249,249))
);
}
div.catalogUnit p.main-switcher span.item.second {
border-width: 1px 0;
padding: 8px 12px 7px 12px;
}
div.catalogUnit p.main-switcher span.item:hover {
color: #18b1e7;
}
div.catalogUnit p.main-switcher span.item.active {
border-color: #114a76 #0e547c;
border-width: 1px 0 0 1px;
color: #f6f6f6;
cursor: default;
height: 15px;
padding: 8px 12px 8px 11px;
background-image: linear-gradient(bottom, rgb(12,162,216) 31%, rgb(26,122,191) 66%);
background-image: -o-linear-gradient(bottom, rgb(12,162,216) 31%, rgb(26,122,191) 66%);
background-image: -moz-linear-gradient(bottom, rgb(12,162,216) 31%, rgb(26,122,191) 66%);
background-image: -webkit-linear-gradient(bottom, rgb(12,162,216) 31%, rgb(26,122,191) 66%);
background-image: -ms-linear-gradient(bottom, rgb(12,162,216) 31%, rgb(26,122,191) 66%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.31, rgb(12,162,216)),
color-stop(0.66, rgb(26,122,191))
);
}
div.catalogUnit p.main-switcher span.item span {
border-bottom: 1px dotted;
}
div.catalogUnit p.main-switcher span.item.active span {
border-color: #1769a6 #117ab1;
border-width: 1px 0 0 1px;
}
div.catalogUnit div.main-switch {
clear: both;
margin-top: 0;
}
div.catalogUnit div.main-switch div.active {
display: block;
}
div.catalogUnit div.main-switch div h3.heading:first-child {
margin-top: 0;
}
div.catalogUnit div.main-switch div span.text p.paragraph:first-child,
div.catalogUnit div.main-switch div span.text .list:first-child,
div.catalogUnit div.main-switch div span.text table:first-child {
margin-top: 0;
}
div.catalogUnit div.main-switch div span.text .heading{
font: 17px/22px Verdana;
letter-spacing: normal;
margin: 22px 0 8px;
color: #616161;
}
div.catalogUnit div.switch p.paragraph,
div.catalogUnit p.paragraph.switcher {
margin: 0;
}
div.catalogUnit p.paragraph.switcher {
display: none;
clear: none;
}
.catalogMainPage div.catalogList {
float: left;
position: relative;
width: 100%;
margin-bottom: 25px;
}
.catalogMainPage div.catalogList > ul > li.item {
background: none repeat scroll 0 0 transparent;
display: block;
font: 14px/20px Arial;
margin: 0 0 20px;
min-height: 144px;
padding: 18px 0 0 173px;
position: relative;
vertical-align: top;
width: auto;
}
.catalogMainPage div.catalogList > ul {
float: left;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
position: relative;
width: 100%;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 {
font: 17px/22px Verdana;
margin: 0 0 7px;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 a.link {
color: #000000;
}
.catalogMainPage div.catalogList > ul > li.item .section table h2 a.link {
color: #404040;
}
.catalogMainPage div.catalogList > ul > li.item .section h2 a.link:hover {
color: #18b1e7;
}
.catalogMainPage div.catalogList ul li.item .section table h2.heading {
display: inline-block;
font: 15px/20px Arial;
margin: 0 0px 0 0;
width: 158px;
}
.catalogMainPage div.catalogList a.imageLink {
height: 162px;
left: 0;
margin: 0 0 0;
padding: 0;
position: absolute;
top: 3px;
width: auto;
}
.catalogMainPage div.catalogList span.imageBlockOuterContainer {
background: url("/.style/tk-elcable/xhtml/images/cabBack.png") no-repeat scroll 3px 2px transparent;
height: 162px;
margin: 0;
padding: 0;
position: relative;
width: 162px;
}
.catalogMainPage div.catalogList span.imageBlock {
background-color: transparent;
background-position: right bottom;
background-repeat: no-repeat;
border: 0 none;
bottom: 13px;
display: inline-block;
position: absolute;
right: 6px;
border-radius: 10px 10px 57px 10px;
-moz-border-radius: 10px 10px 57px 10px;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
}
.catalogMainPage div.catalogList span.imageBlock img {
visibility: hidden;
}
.catalogMainPage div.catalogList span.imageBorder {
background: url("/.style/tk-elcable/xhtml/images/imageBorder.png") no-repeat scroll 0 0 transparent;
display: block;
height: 162px;
left: 0;
position: absolute;
top: 0;
width: 162px;
}
.catalogMainPage div.catalogList span.imageBlock img.image {
padding: 0px;
margin: 0;
visibility: hidden;
display: inline-block;
float: none;
}
.catalogMainPage div.catalogList ul li.item table {
margin-top: 7px;
width: auto;
border-left: 0;
}
.catalogMainPage div.catalogList ul li.item table tr {
font: 15px/20px Arial;
margin: 0 0 3px;
}
.catalogMainPage div.catalogList ul li.item table td {
vertical-align: top;
}
.catalogMainPage div.catalogList ul li.item a.link.catalogUnit {
display: inline-block;
font: 13px/23px Arial;
margin: 0 11px 0 0;
padding-left: 0;
}
span.firstLetter {
background: url("/.style/tk-elcable/xhtml/images/firstLetter.png") no-repeat scroll 0 0 transparent;
clear: left;
color: #FFFFFF;
display: block;
float: left;
font: 12px/12px Arial;
height: 14px;
margin-left: -24px;
margin-top: 2px;
padding-left: 4px;
padding-top: 4px;
width: 16px;
}
.catalogUnit + span.firstLetter{
margin-top:7px;
}
span.br {
clear: both;
display: block;
margin-top: 0;
}
span.query, a.resetFilter {
margin-bottom: 35px;
}
span.query span.keyWord,
span.query span.number{
color: #000;
display: inline-block;
font-weight: bold;
font-style:normal;
}
span.matchString {
background-color: #cceffe;
}
div.ranges {
clear: left;
float: left;
padding-top: 25px;
position: relative;
display: inline-block;
margin-bottom: 0px;
}
.ranges ul {
clear:both;
white-space:nowrap;
margin: 18px 0 15px;
width: auto;
float: none;
}
.ranges li.range {
font: 16px/16px Arial;
margin: 0 2px;
padding: 0.3em 0.5em;
}
.ranges li.disabled {
color: #cacaca;
display: inline;
}
.ranges li.current {
background-color: #1b75bc;
}
.ranges ul li.range:first-child {
margin-left: 0px;
}
.ranges li.range a {
font: 16px/16px Arial;
text-decoration: underline;
}
.ranges a.range.next,
.ranges a.range.previous {
font: 14px Arial;
border: none;
text-decoration: none;
margin-right: 14px;
}
.ranges a.range.next
{
float: right;
margin-left: 15px;
margin-right: 5px;
}
.ranges a.next span.text,
.ranges a.previous span.text
{
text-decoration: underline;
font-size:14px;
line-height:23px;
display: inline-block;
vertical-align: middle;
}
.content .ranges a.next span.arrow,
.content .ranges a.previous span.arrow {
color: inherit;
text-decoration: none;
font-size: 14px;
line-height: 23px;
display: inline;
vertical-align: middle;
}
.ranges span.range {
display: block;
float: left;
color: #6dc6f9;
font: 18px/1.4em Arial;
margin-right: 15px;
margin-bottom: 8px;
}
.ranges span.range a {
border-bottom-width: 2px;
}
.ranges a.previous.disabled span.text, .ranges a.next.disabled span.text {
color: #cacaca;
text-decoration: none;
}
.ranges a.previous.disabled span.arrow, .ranges a.next.disabled span.arrow {
color: #cacaca;
}
.ranges span.first, .ranges span.last {
display: none;
}
.window {
background: none repeat scroll 0 0 #bbbbbb;
}
.window .body {
background: none repeat scroll 0 0 #f9fcfe;
}
div.window form.managedObject > div.properties div.managedProperty {
margin-left: -20px;
padding: 1em 20px;
}
div.window form.managedObject > div.properties div.managedProperty:hover,
div.window form.managedObject > div.properties div.managedProperty.resizing,
div.window form.objectControl .managedObject > div.properties div.managedProperty:hover,
div.window form.objectControl .managedObject > div.properties div.managedProperty.resizing {
background-color: #eef8fd;
}
div.section.captcha span.imageBlock {
border: 0 none;
border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
}
div.section.captcha img.code {
margin: 0;
}
span.query a.reset {
background: url("/.style/tk-elcable/xhtml/images/resetFilter.png") no-repeat scroll 0 2px transparent;
font: 12px/17px Arial;
margin-top:10px;
padding-left:20px;
}
span.query span.desc{
display:block;
margin:5px 0 0;
}
div.modeSwitcher {
display: none;
}
body.catalog .layoutB .units.catalogUnitList div.catalogUnit{
margin-bottom:10px;
}
body.catalog .layoutB .units.catalogUnitList div.catalogUnit span.imageBlockOuterContainer{
margin-top:0;
}
body.main .stageCenter div.content > h1{
font: 22px/27px 'EuropeNormal';
}
body.main .stageCenter div.content > div.section.left, body.main .stageCenter div.content > div.right{
margin-top:15px;
}
body.main .top .catalogSectionList li div h2.hover a.heading{
color:#18B1E7;
}
.layoutA div.priceWarning{
margin:0;
clear:both;
float:left;
margin-top: 50px;
}
.layoutA div.priceWarning div.section.floated:first-child{
float: left;
width: 48px;
height: 43px;
margin-right: 14px;
}
.layoutA div.priceWarning div.section.floated .heading{
margin-top: 0;
margin-bottom: 16px;
color: #276cb6;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
font-size: 17px;
line-height: 22px;
letter-spacing: normal;
font-weight: normal;
}
.layoutA div.we-offer{
margin:0;
margin-top:50px;
clear:both;
float:left;
}
.layoutA div.we-offer p.heading{
color: #545454;
margin: 0 0 20px;
font: 22px/27px 'EuropeNormal';
}
.layoutA div.we-offer > span.text > div.section > p{
margin:9px 0;
font-size:12px;
}
.layoutA div.we-offer > span.text > div.section > p.konvert{
margin:9px 0;
padding-left:37px;
position:relative;
}
.layoutA div.we-offer > span.text > div.section > p.konvert a:before{
content:"";
position:absolute;
width:37px;
height:14px;
background: url("/.style/tk-elcable/xhtml/images/mailBack.png") no-repeat scroll 0 0 transparent;
left:5px;
top:2px;
}
.layoutA div.we-offer > span.text > div.section > p.konvert a.ajaxLink, .layoutA div.we-offer > span.text > div.section > p .link.textSeries{
text-decoration:none;
border-bottom:1px dotted #1B75BC;
}
.layoutA div.we-offer > span.text > div.section > p.konvert a.ajaxLink:hover, .layoutA div.we-offer > span.text > div.section > p a.textSeries:hover{
border-color:#18B1E7;
}
.layoutA div.we-offer > span.text > div.section > span.loadable{
margin-top:12px;
margin-bottom:15px;
display:block;
}
.layoutA div.we-offer > span.text > div.section{
margin-bottom:25px;
}
.layoutA div.we-offer > span.text > div.section p.procent{
background: url("/.style/tk-elcable/xhtml/images/procent.png") no-repeat scroll 0 center transparent;
padding-left:30px;
margin:10px 0 11px;
}
.layoutA div.we-offer > span.text > div.section p.money{
background: url("/.style/tk-elcable/xhtml/images/priceBack.png") no-repeat scroll 0 center transparent;
padding-left:30px;
margin:10px 0;
}
.layoutA div.we-offer > span.text > div.section:last-child{
margin-bottom:0;
}
body.catalogUnit div.content .section.catalogUnit .list, body.catalogUnit div.content .section.catalogUnit table,
body.catalogUnit div.content .section.catalogUnit p.paragraph, body.catalogUnit div.content .section.catalogUnit .heading{
max-width:740px;
}
.layoutA div.we-offerTable{
display:none;
position:absolute;
height:auto;
z-index:4;
padding:20px;
background-color: #ebebeb;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
left:105px;
top:320px;
box-shadow: 1px 1px 7px #333333;
-moz-box-shadow: 1px 1px 7px #333333;
-webkit-box-shadow: 1px 1px 7px #333333;
}
.layoutA div.we-offerTable table{
margin:0;
border-color:#cccccc;
}
.layoutA div.we-offerTable table td{
border-color:#cccccc;
}
.layoutA div.we-offerTable table tr.row.heading td.cell{
background-color:#f8f8f8;
font-weight:normal;
}
.layoutA div.we-offerTable h3.heading{
font:20px/24px Verdana;
}
.layoutA div.we-offerWrapper{
position:relative;
float:left;
}
.layoutA div.we-offerWrapper div.closeWindow{
background: url("/.style/tk-elcable/xhtml/images/close.png") no-repeat scroll center center transparent;
cursor: pointer;
height: 20px;
position: absolute;
right: 5px;
top: 5px;
width: 20px;
}
.wrapperInner .content ul.list.iconed{
margin-top:27px;
margin-bottom:0;
overflow:hidden;
}
.wrapperInner .content ul.list.iconed li.item{
float:left;
width:29%;
margin:0 6% 27px 0;
padding:0;
background:none;
}
.wrapperInner .content ul.list.iconed li.item.lastOnLane{
margin-right:0;
}
.wrapperInner .content ul.list.iconed li.item.last{
margin-bottom:0;
}
.wrapperInner .content ul.list.iconed li.item p.paragraph{
margin-bottom:0;
}
.wrapperInner .content ul.list.iconed li.item span.imageBlock{
border:none;
border-radius:0;
box-shadow:none;
}
.wrapperInner .content ul.list.iconed li.item span.imageBlockOuterContainer{
display:block;
text-align:center;
margin:0 0 15px 0;
}
.wrapperInner .content .withTableView{
padding-left:50px;
}
.wrapperInner .content .withTableView > div.section{
clear:both;
margin-bottom:25px;
position:relative;
overflow:hidden;
}
.wrapperInner .content .withTableView > div.section > .heading{
margin-bottom:6px;
font:bold 13px/19px Arial;
}
.wrapperInner .content .withTableView > div.section > div.section.withFloatBlocks{
display:table;
width:100%;
}
.wrapperInner .content .withTableView > div.section .section.floated{
width:45%;
padding:0 15px;
float:none;
background-color:#daf1f9;
display:table-cell;
vertical-align:middle;
border-right:2px solid #ffffff;
height:62px;
}
.wrapperInner .content .withTableView > div.section .section.floated.second{
background-color:#c1e7f5;
border:none;
clear:none;
}
.wrapperInner .content .withTableView > div.section .section.floated p.paragraph{
margin:0;
}
.wrapperInner .content .withTableView > div.section .section.floated span.imageWrap{
float:left;
margin-right:10px;
}
.wrapperInner .content .withTableView > div.section table.noborder,
.wrapperInner .content .withTableView > div.section table.noborder tr.row td.cell,
.wrapperInner .content .withTableView > div.section table.noborder tr.row td.cell:last-child,
.wrapperInner .content .withTableView > div.section table.noborder tr.row td.cell:first-child,
.wrapperInner .content .withTableView > div.section table.noborder tr.row{
border:none;
}
.wrapperInner .content .withTableView > div.section table.noborder{
border-top:2px solid #ffffff;
margin-top:0;
background-color:#daf1f9;
padding:15px 0;
margin-bottom:6px;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row.heading td{
padding-top:0;
padding-bottom:5px;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row td{
padding:0 15px 0 0;
width:50%;
font-size:12px;
background: url("/.style/tk-elcable/xhtml/images/dottedBack.png") repeat-x scroll 0 12px transparent;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row td.second{
padding-left:53px;
padding-right:0;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row td span{
padding-left:15px;
background-color:#daf1f9;
padding-right:6px;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row td.second span{
display:block;
padding-left:10px;
}
.wrapperInner .content .withTableView > div.section table.noborder tr.row.heading span{
font-weight:bold;
}
.layoutB .section .collapseContainer div.ya-map{
margin-bottom:10px;
}
.layoutB .siteMap li span{
display:block;
}
.footer .sitemapBlock a.link{
color:#8D8D8D;
}
.footer .sitemapBlock a.link:hover{
color:#18B1E7;
}
body.common .layoutB p.paragraph + div.section.collapseContainer{
margin-top:29px;
}
div.content table.withDottes{
margin:-10px 0 30px;
position:relative;
}
div.content table.withDottes tr.row:hover td.cell{
background:#fff;
}
div.content table.withDottes td.cell{
border:0;
padding:20px 0 0;
width:60%;
vertical-align:bottom;
background: none #fff;
}
div.content table.withDottes td.cell:first-child{
width:40%;
vertical-align:top;
}
div.content table.withDottes td.cell:first-child:after{
background: url("/.style/tk-elcable/xhtml/images/dots.png") repeat-x scroll 0 0 transparent;
content: "";
height: 1px;
margin-top: 13px;
position: absolute;
left:1px;
right:5px;
}
div.content table.withDottes td.cell span{
background:inherit;
font-size:13px;
position:relative;
}
div.content table.withDottes td.cell:first-child span{
padding-right:2px;
background-color:#fff;
position:relative;
z-index:1;
}
div.content table.withDottes td.cell:last-child span{
padding-left:2px;
display:block;
}
.storageHelpLink{
float:right;
margin-top:24px;
}
.storageHelpLink a{
background: url("/.style/tk-elcable/xhtml/images/button.png") repeat-x scroll 0 0 transparent;
border-radius: 5px;
box-shadow: 0 1px 2px #60747b;
color: #e3f6fc;
display: inline-block;
font: 12px/12px Arial;
height: 16px;
padding: 8px 10px 5px;
text-decoration: none;
}
.storageHelpLink a:hover{
color:#fff;
}
.top .orderStatus
{
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
padding: 10px 30px 12px;
text-align: right;
background-color: #ffffcc;
min-height:21px;
visibility: visible !important;
}
.top .orderStatus.old-ajaxUpdating > *
{
visibility: hidden;
}
.top .orderStatus.withoutLink{
background-color:#ebebeb;
}
.top .orderStatus .heading{
margin:0;
display:inline-block;
margin-right:6px;
}
.orderStatus .heading a{
width:17px;
height:17px;
background: url("/.style/tk-elcable/xhtml/images/orderIconActive.png") no-repeat 0 0 transparent;
position:relative;
top:4px;
display:block;
}
.orderStatus.withoutLink .heading a{
background: url("/.style/tk-elcable/xhtml/images/orderIconDefault.png") no-repeat 0 0 transparent;
}
.top .orderStatus b{
font-weight:bold;
}
.orderStatus span.number.items{
display:none;
}
.orderStatus span.price{
font-size:13px;
}
.orderStatus span.empty{
margin-top:2px;
display:block;
}
.orderStatus p{
color:#000;
font-size:13px;
margin:3px 0 0 0;
display:inline-block;
}
.orderStatus p.last{
margin-right:0;
}
.orderStatus a{
color:#178ad2;
font-size: 13px;
line-height: 16px;
}
.orderStatus p a.order + span.string{
color:#fdb900;
}
.newsList li .imageWrap img{
margin:0 20px 5px 0;
}
div.content div.ya-map{
margin-bottom:20px;
}
.contactsPage div.content h5 + div.ya-map{
margin-bottom:15px!important;
}
.contactsPage h4.collapseSwitcher +div p.withImage{
margin-bottom:5px!important;
}
.contactsPage ul.files{
margin:20px 0 30px -3px!important;
}
/*--- Каталог ---*/
.catalogUnitList .catalogUnit.inlineBlock .heading{
font-size:17px;
line-height:26px;
margin-bottom:0;
}
.catalogUnitList .catalogUnit .imgWrap a.imageLink{
float:none;
}
.catalogUnitList .catalogUnit .imgWrap a.empty{
display: table;
text-decoration: none;
width: 100%;
margin-top:15px;
}
.catalogUnit .beforeMod a.empty {
text-decoration: none;
margin-right: 45px;
display:block;
text-align: center;
vertical-align: middle;
background-color: #fbfbfb;
border-radius:5px;
max-width: 250px;
float: left;
width: 100%;
height: 200px;
margin-top: 40px;
}
.catalogUnit .beforeMod a.empty p{
color: #999999;
border-bottom: none;
margin-top: 10px;
}
.catalogUnit .beforeMod a.empty img{
margin-top: 30px;
}
.catalogUnitList .catalogUnit .imgWrap a.empty > span{
background-color: #fbfbfb;
display: table-cell;
min-height:150px;
text-align: center;
vertical-align: middle;
width: 100%;
border-radius:5px;
height: 150px !important;
}
.catalogUnitList .catalogUnit .imgWrap a.empty > span img{
width: 104px;
}
.catalogUnitList .catalogUnit .imgWrap a.empty p{
color: #999999;
margin-top: 20px;
}
.catalogUnitList .catalogUnit.inlineBlock span.description{
display:block;
margin-top:20px;
}
body.catalog .layoutB .units.catalogUnitList div.catalogUnit{
margin-bottom:65px;
}
.content .catalogUnit div.images{
width:37%;
margin-right:4.2%;
margin-bottom:10px;
}
.content .catalogUnit div.images img{
border:0;
margin-top:4px;
}
.content > .catalogUnit{
width:100%;
}
.content > .catalogUnit > h1{
margin-bottom:37px;
}
.content .catalogUnit div.images > a{
position:relative;
display:block;
border:0;
}
.content .catalogUnit div.images span.imageTitle{
display:none;
}
.content .catalogUnit div.images .glass{
background: url("/.style/tk-elcable/xhtml/icons/glass.png") no-repeat scroll 0 0 transparent;
bottom: 30px;
display: none;
height: 33px;
position: absolute;
right: 50px;
width: 33px;
z-index: 3;
border:0;
}
.content .catalogUnit div.images div.previews{
max-width:250px;
margin-top:20px;
margin-left:0;
}
.content .catalogUnit div.images div.previews > a.imageLink{
border-bottom:0;
display:inline-block;
vertical-align:middle;
width:60px;
margin:0 10px 15px 0;
}
.content .catalogUnit div.images div.previews > a.imageLink:nth-child(3n){
margin-right:0;
}
.content .catalogUnit div.images div.previews > a.imageLink img{
margin:0;
width:100%;
}
.content .catalogUnit div.images a:hover .glass{
display:block;
}
.content .catalogUnit .rightBlock p,
.content .catalogUnit .rightBlock p a,
.content .catalogUnit .rightBlock span,
.mainCatalogHits > div.item p,
.mainCatalogHits > div.item p a,
.mainCatalogHits > div.item span,
.catalogUnit .modifications td.cell span.text p,
.catalogUnit .modifications td.cell span.text span{
font-size:13px;
line-height:17px;
}
.content .catalogUnit .rightBlock p,
.mainCatalogHits > div.item p
{
margin-bottom:8px;
}
.content .catalogUnit .rightBlock > span.text,
.mainCatalogHits > div.item > span.text
{
color:#000;
display:block;
margin:6px 0 30px;
padding:0;
max-width:340px;
}
.content .catalogUnit p a
{
border:0;
text-decoration:underline;
}
.content .catalogUnit .modifications{
clear:both;
}
.content .catalogUnit .rightBlock
{
float:left;
width:50.8%;
margin-top:30px;
}
.content > .catalogUnit div.section.switch{
margin-top:30px;
}
.content > .catalogUnit div.section.switch > div > span.text{
margin-top:34px;
display:block;
}
.content > .catalogUnit div.section.switch > div > span.text > div.section {
margin-top: 26px;
}
.content > .catalogUnit div.section.switch > div > span.text > div.section > div.section {
margin-top: 23px;
}
.content > .catalogUnit div.section.switch > div > span.text > div.section > div.section > div.section{
margin-top: 16px;
}
.content .catalogUnit .modifications td.cell span,
.content .catalogUnit .modifications td.cell a,
div.table.catalogUnitList td.cell a,
div.table.catalogUnitList td.cell span{
font-size:13px;
line-height:17px;
}
div.table.catalogUnitList td.cell a.descending,
div.table.catalogUnitList td.cell a.ascending{
text-decoration:none;
border-bottom: 1px dotted;
margin-right:15px;
padding:0!important;
position:relative;
background:none!important;
font-weight:normal!important;
}
div.table.catalogUnitList td.cell a.descending:before,
div.table.catalogUnitList td.cell a.ascending:before{
content:"";
position:absolute;
width:15px;
height:5px;
right:-20px;
top:7px;
background: url("/.style/tk-elcable/xhtml/images/sortArrow.png") 0 0 no-repeat transparent;
}
div.table.catalogUnitList td.cell a.ascending.active:before{
background: url("/.style/tk-elcable/xhtml/images/sortArrow.png") 0 -5px no-repeat transparent;
}
div.table.catalogUnitList td.cell a.descending.active:before{
background: url("/.style/tk-elcable/xhtml/images/sortArrow.png") 0 -10px no-repeat transparent;
}
.content .catalogUnit .modifications td.cell.order{
width:21%;
}
.content .catalogUnit .modifications td.cell.order > div > span:first-child{
display:none;
}
.catalogSearchResults div.table.catalogUnitList table td.cell.order{
width:170px!important;
}
.catalogUnit .modifications td[key='caption'] a{
position:relative;
}
.content .catalogUnit .rightBlock .marketItem,
.mainCatalogHits > div.item .marketItem{
position:relative;
}
.content .catalogUnit .rightBlock .marketItem .prices,
.mainCatalogHits > div.item .marketItem .prices{
display:block;
}
.content .catalogUnit .rightBlock .marketItem .prices span.price,
.mainCatalogHits > div.item .marketItem .prices span.price{
font-weight:normal;
}
.content .catalogUnit .rightBlock .marketItem .prices span.number.value,
.mainCatalogHits > div.item .marketItem .prices span.number.value{
font-size:24px;
font-weight:bold;
}
.content .catalogUnit .rightBlock .marketItem .prices .symbol,
.mainCatalogHits > div.item .marketItem .prices .symbol{
font-size:15px;
}
.content .catalogUnit .rightBlock div.avail,
.mainCatalogHits > div.item div.avail{
clear: both;
float: left;
margin:15px 0 60px;
position:relative;
}
.content .catalogUnit .rightBlock div.avail span{
border-bottom: 1px dotted;
color:#1b75bc;
cursor:pointer;
}
.content .catalogUnit .rightBlock div.avail span:hover,
.mainCatalogHits > div.item div.avail span:hover{
color:#feba11;
}
.catalogUnitList div.catalogUnit.inlineBlock div.avail.emptyDesc > span,
.layoutB .catalogUnit .rightBlock div.avail.emptyDesc > span,
.mainCatalogHits > div.item div.avail.emptyDesc > span
{
border: 0 none;
cursor: default;
color:#000;
}
div.table.catalogUnitList table tr td .marketItem form,
.layoutB .catalogUnit .rightBlock .marketItem .orderPopup form,
.mainCatalogHits > div.item .marketItem .orderPopup form
{
width:100%;
overflow:hidden;
text-align:left;
margin-top:0;
}
div.table.catalogUnitList table tr td .marketItem form div.outer,
.layoutB .catalogUnit .rightBlock .marketItem form div.outer,
.mainCatalogHits > div.item .marketItem form div.outer,
.order .orderItems td[key='quantity'] div.outer
{
width:55px;
border:1px solid #d7d7d7;
}
div.table.catalogUnitList table tr td .marketItem form div.inner input,
.layoutB .catalogUnit .rightBlock .marketItem form div.inner input,
.mainCatalogHits > div.item .marketItem form div.inner input,
.order .orderItems td[key='quantity'] input{
height:14px;
padding-right:10px;
text-align:right;
width:50px;
color:#666666;
font-size:13px;
padding:7px 0 5px;
}
div.table.catalogUnitList table tr td .marketItem form div.inner input,
.order .orderItems td[key='quantity'] input
{
padding:6px 0 5px;
}
div.table.catalogUnitList table tr td .marketItem form div.number.quantity,
.layoutB .catalogUnit .rightBlock .marketItem form div.number.quantity,
.mainCatalogHits > div.item .marketItem form div.number.quantity
{
float:left;
margin:8px 0 0;
}
.layoutB .catalogUnit .rightBlock .marketItem form div.action.addToOrder,
.mainCatalogHits > div.item .marketItem form div.action.addToOrder
{
float:left;
clear:none;
margin:3px 0 0 20px;
}
.layoutB .catalogUnit .rightBlock .marketItem form div.action.addToOrder input,
div.table.catalogUnitList table .marketItem .orderPopup div.action.addToOrder input,
.mainCatalogHits > div.item .marketItem form div.action.addToOrder input
{
padding-left:40px;
background: url("/.style/tk-elcable/xhtml/images/basketIcon.png") no-repeat scroll 18px center transparent;
}
div.table.catalogUnitList table tr td .marketItem form div.spinBox div.minus,
.layoutB .catalogUnit .rightBlock .marketItem form div.spinBox div.minus,
.mainCatalogHits > div.item .marketItem form div.spinBox div.minus,
.order .orderItems td[key='quantity'] div.spinBox div.minus
{
margin:7px 3px 7px 0;
}
div.table.catalogUnitList table tr td .marketItem form div.spinBox div.plus,
.layoutB .catalogUnit .rightBlock .marketItem form div.spinBox div.plus,
.mainCatalogHits > div.item .marketItem form div.spinBox div.plus,
.order .orderItems td[key='quantity'] div.spinBox div.plus
{
margin:7px 0 7px 3px;
}
form div.spinBox div.minus.disabled,
form div.spinBox div.plus.disabled
{
cursor:default;
}
div.table.catalogUnitList table tr td .marketItem a,
.layoutB .catalogUnit .rightBlock .marketItem a,
.mainCatalogHits > div.item .marketItem a
{
text-decoration:none;
border-bottom:1px dotted;
float:left;
margin-top:20px;
cursor:pointer;
font-size:17px;
}
div.table.catalogUnitList table tr td .marketItem a.popupLink,
.layoutB .catalogUnit .rightBlock .marketItem a.popupLink,
.mainCatalogHits > div.item .marketItem a.popupLink
{
margin-left:23px;
position:relative;
margin-bottom:9px;
font-size:17px;
}
.layoutB .catalogUnit .rightBlock .marketItem a.popupLink,
.mainCatalogHits > div.item .marketItem a.popupLink
{
margin-top:28px;
margin-bottom:15px;
}
div.table.catalogUnitList table tr td .marketItem a.popupLink:before,
.layoutB .catalogUnit .rightBlock .marketItem a.popupLink:before,
.mainCatalogHits > div.item .marketItem a.popupLink:before
{
content:"";
position:absolute;
width:23px;
height:17px;
left:-23px;
top:0;
background: url("/.style/tk-elcable/xhtml/images/basketIconActive.png") no-repeat scroll 0 0 transparent;
}
div.table.catalogUnitList table tr td .marketItem a.popupLink:hover:before,
.layoutB .catalogUnit .rightBlock .marketItem a.popupLink:hover:before,
.mainCatalogHits > div.item .marketItem a.popupLink:hover:before
{
background-position:0 -17px;
}
div.table.catalogUnitList table.modifications tr td .marketItem a span,
.layoutB .catalogUnit .rightBlock .marketItem a span,
.mainCatalogHits > div.item .marketItem a span
{
font-size:17px;
line-height:17px;
}
div.spinBox div.minus
{
background: url("/.style/tk-elcable/xhtml/images/minus.png") no-repeat scroll center center transparent;
}
div.spinBox div.plus
{
background: url("/.style/tk-elcable/xhtml/images/plus.png") no-repeat scroll center center transparent;
}
div.catalogUnit .rightBlock div.avail.popup,
.mainCatalogHits > div.item div.avail.popup,
div.table.catalogUnitList > table td.cell .avail.popup,
div.orderPopup
{
width:245px;
border:1px solid #bfbfbf;
background-color:#fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 3px 3px 1px #999;
-webkit-box-shadow: 0 3px 3px 1px #999;
-moz-box-shadow: 0 3px 3px 1px #999;
padding:15px 20px 20px;
position:absolute;
z-index:3;
top:25px;
left:-20px;
display:none;
text-align:left;
}
div.catalogUnit .rightBlock div.avail.popup,
.mainCatalogHits > div.item div.avail.popup
{
top:10px;
}
div.catalogUnit .rightBlock div.avail.popup:before,
.mainCatalogHits > div.item div.avail.popup:before,
div.table.catalogUnitList > table td.cell .avail.popup:before
{
content:"";
position:absolute;
height:6px;
width:11px;
background: url("/.style/tk-elcable/xhtml/images/popupArrow.png") no-repeat scroll 0 0 transparent;
top:-6px;
left:30px;
}
div.catalogUnit .rightBlock div.avail.popup,
.mainCatalogHits > div.item div.avail.popup,
div.table.catalogUnitList > table td.cell .avail.popup{
padding:17px 20px;
}
.marketItem div.orderPopup .back
{
height: 100%;
left: 0;
position: absolute !important;
top: 0;
width: 100%;
z-index: 1 !important;
}
.marketItem div.orderPopup > a,
.marketItem div.orderPopup form div.quantity,
.marketItem div.orderPopup form div.action
{
position: relative !important;
z-index: 2 !important;
}
div.table.catalogUnitList table tr td .marketItem div.orderPopup a.link,
.layoutB .catalogUnit .rightBlock .marketItem div.orderPopup a.link,
.mainCatalogHits > div.item .marketItem div.orderPopup a.link
{
margin-bottom:12px;
font-size:17px;
display:inline-block;
margin-top:0;
float:none;
border:0;
text-decoration:underline;
font-family:'Verdana';
}
div.orderPopup span
{
display:block;
margin-bottom:9px;
clear:both;
}
.marketItem div.orderPopup .link.order
{
overflow:visible;
}
.marketItem div.orderPopup .link.order div.number.quantity
{
margin-top:10px;
}
.marketItem div.orderPopup .link.order div.action.addToOrder
{
display:inline-block;
vertical-align:top;
float:left!important;
margin-left:10px!important;
margin-top:6px;
}
.marketItem div.orderPopup .link.order div.action.removeItem
{
background-color:#69b6f3;
background-image:none;
border:0;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin-left:0;
margin-top:20px;
box-shadow:none;
}
.marketItem div.orderPopup .link.order div.action.removeItem:hover
{
background-color:#18b1e7;
}
.marketItem div.orderPopup .link.order div.action.removeItem:active
{
background-color:#18b1e7;
box-shadow: 0 2px 0 0 #005b88 inset;
}
.marketItem div.orderPopup .link.order div.action.removeItem input.action
{
color:#fff;
font-size:13px;
line-height:13px;
padding: 5px 12px;
}
div.orderPopup .closeWindow,
div.avail.popup .closeWindow,
div.table.catalogUnitList > table td.cell .avail.popup .closeWindow
{
background: url("/.style/tk-elcable/xhtml/images/closeWindow.png") no-repeat scroll 0 0 transparent;
width:12px;
height:12px;
position:absolute;
right:10px;
top:10px;
cursor:pointer;
z-index:2;
}
div.orderPopup .closeWindow:hover,
div.avail.popup .closeWindow:hover,
div.table.catalogUnitList > table td.cell .avail.popup .closeWindow:hover
{
background-position:0 -12px;
}
div.catalogUnit .rightBlock a.button,
.mainCatalogHits > div.item a.button
{
float:left;
}
div.catalogUnit .rightBlock a.button span,
.mainCatalogHits > div.item a.button span
{
font-size:17px;
}
/*--- Карточка модификации ---*/
.content .catalogUnit.modif .rightBlock table.withDottes td.cell{
padding-top:15px;
}
.content .catalogUnit.modif .rightBlock table.withDottes tr.code td.cell span{
color:#999;
}
.content .catalogUnit.modif .rightBlock table.withDottes tr.row td.cell{
background-color:#fff!important;
}
.content .catalogUnit.modif > .attributes .description{
display:none;
}
.content .catalogUnit.modif > .attributes table{
margin-top:0;
margin-bottom:0;
}
.content .catalogUnit.modif > .attributes > div{
display:inline-block;
width:33%;
margin-right:8.2%;
vertical-align:top;
}
.content .catalogUnit.modif > .attributes > div:last-child{
margin-right:0;
}
.content .catalogUnit.modif > .attributes table tr.row{
width:100%;
}
.content .catalogUnit.modif > .attributes table td.cell{
padding-top:10px;
}
.content .catalogUnit.modif > .attributes table.withDottes td.cell:first-child {
width: 78%;
}
.content .catalogUnit.modif > .attributes table.withDottes td.cell{
width:25%;
}
.content .catalogUnit div.section.switch{
margin-top:65px;
}
.content .catalogUnit.modif .modifications span.head{
position:relative;
display:block;
color:#000;
}
.content .catalogUnit.modif .modifications span.head:before{
content:"";
position:absolute;
left:-19px;
top:1px;
z-index:2;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 9px;
border-color: transparent transparent transparent #1b75bc;
}
.content .catalogUnit div.section.switch .tabs{
/*border-bottom: 1px solid #bebebe;*/
/*box-shadow: -1px 1px 2px -1px #ddd;*/
width:100%;
max-width:740px;
margin-bottom:40px;
position: relative;
}
.content .catalogUnit div.section.switch .tabs:after{
content: "";
position: absolute;
left:0;
bottom: 0px;
width: 100%;
border-bottom: 1px solid #bebebe;
z-index: -1;
}
div.content div.switch > div span.tab{
display:inline-block;
padding:8px 12px;
cursor:pointer;
border:1px solid #bebebe;
border-width:1px 1px 0 1px;
background: #fafafa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
border-right: none;
}
div.content div.switch > div span.tab:last-child{
border-right: 1px solid #bebebe;
}
div.content div.switch > div span.tab.selected{
border-right:0;
border-left:1px solid #114a76;
border-top:1px solid #114a76;
border-bottom:1px solid #0ca2d8;
cursor:default;
position:relative;
background: #1b76bd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzZiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwY2EzZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #1b76bd 0%, #0ca3d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b76bd), color-stop(100%,#0ca3d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1b76bd 0%,#0ca3d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1b76bd 0%,#0ca3d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b76bd', endColorstr='#0ca3d8',GradientType=0 ); /* IE6-8 */
}
div.content div.switch > div span.tab > span
{
font-size:15px;
line-height:15px;
color:#1b75bc;
border-bottom:1px dotted;
}
div.content div.switch > div span.tab:hover > span
{
color:#18b1e7;
}
div.content div.switch > div span.tab.selected > span{
border:0;
color:#fff;
}
div.content div.switch > div.section .heading + *{
margin-top:0;
}
div.table.catalogUnitList table .heading td.cell[key='cabel-weight']{
max-width:39px;
}
div.table.catalogUnitList table tr:not(.heading) td.cell[key='trade-price'] span.caption{
display:none;
}
div.table.catalogUnitList table tr.row td.cell[key='cabel-weight']{
text-align: right;
padding-right: 42px;
}
div.table.catalogUnitList table .heading td.cell .metric:before{
content:", ";
margin-left:-3px;
}
div.table.catalogUnitList table span.price{
margin-top:1px;
font-weight:normal;
}
div.table.catalogUnitList > table td.cell span.avail,
.mainCatalogHits .avail > span{
border-bottom:1px dotted;
cursor:pointer;
position:relative;
}
div.table.catalogUnitList > table td.cell span.avail.emptyDesc,
.mainCatalogHits .avail.emptyDesc > span{
border:0;
cursor:default;
}
div.table.catalogUnitList > table td.cell span.avail.store,
.mainCatalogHits .avail.store > span{
color:#5ebb46;
}
div.table.catalogUnitList > table td.cell span.avail.preorder,
.mainCatalogHits .avail.preorder > span{
color:#feba11;
}
div.table.catalogUnitList > table td.cell div.avail{
cursor:default;
}
div.table.catalogUnitList > table td.cell div.avail span.description{
padding:0;
color:#000;
}
div.table.catalogUnitList table div.marketItem{
margin: 3px 0;
min-width: 163px;
position:relative;
text-align: right;
min-height: 30px;
}
div.table.catalogUnitList table .marketItem > form div.number.quantity div.outer{
width:40px;
}
div.table.catalogUnitList table .marketItem > form div.number.quantity div.outer input{
width:35px;
padding: 5px 0 4px;
}
div.table.catalogUnitList table .marketItem > form div.number.quantity div.minus{
margin: 7px 1px 7px 0;
}
div.table.catalogUnitList table .marketItem > form div.number.quantity div.plus{
margin: 7px 2px;
}
div.table.catalogUnitList table .marketItem > form div.number.quantity,
div.table.catalogUnitList table .marketItem > form div.action.addToOrder{
margin-top:0!important;
}
div.table.catalogUnitList table .marketItem > form div.action.addToOrder input{
font-size: 13px;
line-height: 16px;
padding: 6px 8px;
}
div.table.catalogUnitList table td.cell a.ajaxLink.preorder{
text-decoration:none;
border-bottom: 1px dotted;
float:right;
}
/*TEMP*/
body.catalogSearchResults div.table.catalogUnitList table td.cell a.ajaxLink.preorder
{
float: none;
}
div.table.catalogUnitList table div.marketItem a.popupLink{
margin: 0 0 0 23px!important;
top: 4px;
float:none;
}
div.table.catalogUnitList table div.marketItem a.popupLink:before{
top:4px!important;
}
div.table.catalogUnitList table .marketItem div.orderPopup{
top:-10px;
}
/*--- Корзина ---*/
body.order div.layoutSwitcher{
display:none;
}
body.order .content form.order.order{
width:100%;
}
body.order table.items
{
margin-bottom: 25px;
}
body.order table.items td.cell{
padding:6px 15px;
}
.order table.items tr td[key="quantity"] div.quantity{
margin:0;
}
.order table.items tr td.active{
background:transparent;
}
body.order table.items tr.heading{
background-color:#fff;
}
body.order table.items td.cell span.price,
body.order table.items td.cell span.price span{
font-weight:normal;
color:#000;
font-size:13px;
line-height:17px;
}
body.order table.items td.cell span.price.sum span.number{
font-weight:bold;
}
body.order table.items td.cell.price,
body.order table.items td.cell[key='sum'],
body.order table.items td.cell[key='trade-price'],
body.order table.items td.cell.withAction{
text-align:right;
}
body.order table.items td.cell.withAction{
padding-right:15px;
}
body.order .content div.action.removeItem{
background-color:transparent!important;
}
body.order .content input.action.removeItem{
background: url("/.style/tk-elcable/xhtml/images/orderDelete.png") no-repeat scroll 0 0 transparent;
height: 12px;
width: 12px;
padding:0!important;
}
body.order .content input.action.removeItem:hover{
background-position:0 -12px;
}
body.order .content div.orderSummary{
margin-bottom:15px;
}
body.order .content div.orderSummary span.string,
body.order .content div.orderSummary span.price span{
font-size:24px;
line-height:28px;
color:#000;
}
body.order .content div.orderSummary span.string{
font-weight:bold;
}
body.order .content div.orderSummary span.price span.symbol{
font-size:15px;
line-height:28px;
}
body.order .content div.orderSummary span.string{
margin-right:5px;
}
.order table.items tr td[key='quantity']{
min-width:114px;
}
body.order table.items td.cell[key='quantity'] input.quantity{
padding:5px 0 4px;
width:42px;
}
body.order div.action.removeItem,
body.order div.action.removeItem:hover,
body.order div.action.removeItem:active
{
box-shadow:none;
}
body.order .order div.priceWarning
{
float: left;
width: 455px;
position: relative;
top: 20px;
display: none;
}
@media screen and (max-width: 1300px)
{
body.order .order div.priceWarning
{
width: 355px;
}
}
body.order .order.preparation div.priceWarning,
body.order .order.confirmation div.priceWarning
{
display: block;
}
body.order form.order.preparation div.priceWarning
{
top: -49px;
}
body.order .order.preparation > p.paragraph + div.priceWarning
{
top: 15px;
}
body.order .order div.priceWarning div.section.floated:first-child
{
width: 48px;
height: 43px;
margin: 0;
margin-right: 29px;
}
body.order .order div.priceWarning div.section.floated:last-child
{
float: left;
width: 375px;
position: relative;
top: -3px;
}
@media screen and (max-width: 1300px)
{
body.order .order div.priceWarning div.section.floated:last-child
{
width: 275px;
}
}
body.order .order div.priceWarning div.section.floated .heading
{
margin-top: 0;
}
body.order .order div.action
{
margin-top:0;
vertical-align:middle;
margin-left:30px;
}
form.order.authorization div.action{
margin-top:0;
}
body.order .order div.action input.action{
font-size:16px;
line-height:16px;
}
body.order .order div.action.recalculate,
body.order .order div.action.goToPrevStep,
body.order .order div.action.cancel{
background-color:#69b6f3;
background-image:none;
border:0;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin-left:0;
margin-top:0;
box-shadow:none;
}
body.order .order div.action.goToPrevStep{
margin-top:8px;
float:left;
}
body.order .order div.action.recalculate:hover,
body.order .order div.action.goToPrevStep:hover,
body.order .order div.action.cancel:hover{
background-color:#18b1e7;
}
body.order .order div.action.recalculate:active,
body.order .order div.action.goToPrevStep:active,
body.order .order div.action.cancel:active{
background-color:#18b1e7;
box-shadow: 0 2px 0 0 #005b88 inset;
}
body.order .order div.action.recalculate input.action,
body.order .order div.action.goToPrevStep input.action,
body.order .order div.action.cancel input.action{
color:#fff;
font-size:13px;
line-height:13px;
padding: 5px 18px 5px 35px;
}
body.order .order div.action.recalculate input.action{
background: url("/.style/tk-elcable/xhtml/images/orderBucketRecalculate.png") no-repeat scroll 17px 5px transparent;
}
body.order .order div.action.goToPrevStep input.action{
background: url("/.style/tk-elcable/xhtml/images/orderBucketPrev.png") no-repeat scroll 18px 9px transparent;
}
body.order .order div.action.cancel input.action{
background: url("/.style/tk-elcable/xhtml/images/orderBucketCancel.png") no-repeat scroll 20px 7px transparent;
}
body.order .order.dataEntry .managedObject > div.properties{
max-width:none;
}
form.order div.radioItem,
form.order div.radioItem.checked{
background:none;
border:0;
margin-top:-11px;
margin-bottom:0;
}
form.order.authorization div.radioItem{
padding: 11px 3% 20px;
}
form.order div.radioItem input.item{
top:17px;
}
form.order.paymentMethodChoosing div.radioItem,
form.order.paymentMethodChoosing div.radioItem.checked,
form.order.deliveryMethodChoosing div.radioItem,
form.order.deliveryMethodChoosing div.radioItem.checked{
padding-bottom:5px;
}
form.order div.radioItem > span.caption,
form.order.authorization div.radioItem > span.caption{
color: #545454;
font: 22px/27px 'EuropeNormal';
margin-bottom:12px;
}
body.order div.radioItem > *{
cursor:default;
}
body.order div.radioItem .heading{
cursor:pointer;
border-bottom:1px dotted;
display:inline-block;
line-height: 1em;
}
body.order div.radioItem.checked .heading{
border:0;
padding-bottom:1px;
}
form.order.authorization div.radioItem div.user{
margin-top:15px;
}
body.order .deliveryBlock,
body.order .paymentBlock{
float:left;
width:45%;
margin-top:20px;
margin-bottom:35px;
}
body.order .paymentBlock{
margin-right:5%;
clear:both;
}
body.order .paymentBlock a.collapseSwitcher, body.order .deliveryBlock a.collapseSwitcher{
font-size:15px;
}
body.order .paymentBlock div.collapseContainer, body.order .deliveryBlock div.collapseContainer{
margin-top:10px!important;
}
body.order div.section.collapseContainer a.collapseSwitcher + *{
margin-top:5px;
}
body.order div.section.collapseContainer p:last-child{
margin-bottom:0;
}
.order.confirmation div.section.attributes,
.order.processing div.section.attributes,
.order.cancel div.section.attributes{
overflow:hidden;
margin-bottom:18px;
clear: both;
}
body.order .paymentBlock span.head, body.order .deliveryBlock span.head{
color: #000;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
font-size:17px;
line-height:22px;
}
body.order .order div.section.attributes h2, body.order .order div.section.customer h2{
color: #545454;
font: 22px/27px 'EuropeNormal';
margin-bottom:12px;
margin-top:0;
}
body.order .order div.section.attributes ul{
margin-top:0;
}
body.order .order div.section.attributes ul li.item,
body.order .order div.section.customer ul li.item{
background:none;
margin-left:0;
}
body.order .order div.section.attributes ul li.item:before,
body.order .order div.section.customer ul li.item:before{
content:"";
}
body.order .order div.section.attributes ul li.item,
body.order .order div.section.customer ul li.item{
padding:0;
margin-bottom:0;
}
body.order .order div.section.attributes ul li.item span,
body.order .order div.section.customer ul li.item span{
font-size:13px;
line-height:17px;
}
body.order .order div.section.customer{
margin-bottom:35px;
}
.content .order.confirmation table.orderItems{
margin-top:40px;
}
body.order .order.paying div.paymentSystem{
margin-bottom:30px;
}
body.order .order.paying form.paymentSystem{
padding:0;
max-width:none;
}
body.order .order.paying form.paymentSystem div.action{
float:right;
margin:0;
}
body.order .order.paying div.action.cancel{
float:left;
margin-top:8px;
}
body.order .confirmation span.description .date .separator{
color:#000;
}
@media screen and (max-width: 1300px) {
.topRight a.hov{
width:200px;
}
}
div.table.catalogUnitList td.cell a.descending, div.table.catalogUnitList td.cell a.ascending{
border-bottom:none;
text-decoration:underline;
}
/* Хиты продаж на главной */
.hitsWrapper
{
width: 94%;
padding: 0 3%;
position: relative;
z-index: 10;
}
.hitsWrapper > .heading
{
margin-top:0;
font-size:22px;
line-height:24px;
color:#545454;
margin-bottom:20px;
}
.mainCatalogHits > .ranges
{
display:block;
float:none;
overflow:hidden;
}
div.mainCatalogHits > div.item{
display: inline-block;
position: relative;
width: 21%;
margin: 0;
margin-left: 5.3%;
vertical-align: bottom;
}
div.mainCatalogHits > div.item:first-of-type{
margin-left: 0;
}
div.mainCatalogHits > div.item div.imgWrap{
margin-bottom: 22px;
display: inline-block;
position: relative;
}
div.mainCatalogHits > div.item div.imgWrap,
div.mainCatalogHits > div.item div.imgWrap > a.imageLink,
div.mainCatalogHits > div.item div.imgWrap > a.imageLink img{
left:0;
}
.main div.mainCatalogHits > div.item div.imgWrap,
.main div.mainCatalogHits > div.item div.imgWrap > a.imageLink,
.main div.mainCatalogHits > div.item div.imgWrap > a.imageLink img{
left:-7px;
}
div.mainCatalogHits > div.item div.imgWrap > a.imageLink img{
image-rendering: optimizeQuality;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
}
div.mainCatalogHits > div.item > a.catalogUnit{
font-size:16px;
line-height:24px;
font-family:'Verdana', Verdana, sans-serif;
text-align:left;
display: table-cell;
vertical-align: bottom;
}
div.mainCatalogHits > div.item div.marketItem
{
text-align: right;
margin-bottom: 8px;
width: 100%;
float: right;
}
div.mainCatalogHits > div.item div.marketItem div.prices
{
margin-right: 0;
}
div.mainCatalogHits > div.item div.marketItem div.prices ul li
{
text-align: right;
width: 100%;
}
div.mainCatalogHits > div.item div.marketItem div.prices ul li span.caption
{
display: none;
}
div.mainCatalogHits > div.item div.marketItem div.order
{
width: 116%;
float: right;
}
div.mainCatalogHits > div.item div.marketItem form.order
{
display: inline-block;
margin-top: 9px;
}
div.mainCatalogHits > div.item div.marketItem form div.action.addToOrder
{
margin: 3px 0 0 20px;
}
div.mainCatalogHits > div.item div.marketItem form div.action.addToOrder input
{
padding: 7px 16px 7px 36px;
font-size: 14px;
background-position: 13px;
}
div.mainCatalogHits > div.item div.marketItem form div.number.quantity
{
margin-top: 3px;
}
div.mainCatalogHits > div.item div.marketItem form div.inner input
{
width: 34px;
padding: 2px 0 5px;
}
div.mainCatalogHits > div.item div.marketItem form div.outer
{
width: 39px;
}
div.mainCatalogHits > div.item div.marketItem a.popupLink
{
margin: 0;
float: none;
margin-top: 18px;
display: inline-block;
margin-bottom: 6px;
}
div.mainCatalogHits > div.item div.avail{
margin: 0;
text-align: left;
width: 100%;
padding-left:15px;
}
div.mainCatalogHits .ranges{
text-align:right;
margin-top: -14px;
}
div.mainCatalogHits .ranges > *{
display:none;
}
div.mainCatalogHits .ranges > a.range.next{
display:inline-block;
font: 16px/24px 'Verdana';
cursor:pointer;
position:relative;
margin-right: 16px;
}
div.mainCatalogHits .ranges > a.range.next:before{
border-bottom:1px solid #1b75bc;
content:'';
position:absolute;
left:0;
bottom: 2px;
width: 100%
}
div.mainCatalogHits .ranges > a.range.next:after{
content:'→';
position:absolute;
right:-16px;
top: 1px;
padding-left: 3px;
}
div.mainCatalogHits .ranges > a.range.next:hover:before{
border-color:#18b1e7;
}
div.mainCatalogHits > div.item div.imgWrap div.dummy{
margin-top: 100%;
}
div.mainCatalogHits > div.item div.imgWrap a.empty{
display: block;
text-decoration: none;
width: 100%;
margin-top: 15px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fbfbfb;
overflow: hidden;
}
div.mainCatalogHits > div.item div.imgWrap a.empty > span{
display: block;
text-align: center;
width: 109px;
height: 101px;
overflow: hidden;
margin-top: 50%;
position: absolute;
top: -56px;
margin-left: 50%;
left: -55px;
}
div.mainCatalogHits > div.item a.button{
float: right;
font-size: 16px;
line-height: 26px;
color: #276cb6;
border:1px solid #8dbadd;
border-radius: 4px;
text-decoration: none;
padding: 8px 16px;
position: relative;
}
div.mainCatalogHits > div.item a.button + div{
margin-top: 8px;
margin-bottom: 29px;
}
div.mainCatalogHits > div.item a.button span{
position: relative;
}
div.mainCatalogHits > div.item a.button span:after{
content:"";
left:0;
bottom: 1px;
position: absolute;
border-bottom: 1px dotted;
width: 100%;
}
div.mainCatalogHits > div.item a.button:hover{
color: #fff;
border-color: #1b75bc;
background-color: #1b75bc;
}
div.catalogUnitList table tr.row:not(.heading):hover{
background-color: #e6e4e4 !important;
z-index: 1000;
}
div.modifications table tr.row.heading td.cell a.link.descending{
text-decoration: none;
}
div.modifications table tr.row.heading td.cell a.link.descending:hover:after{
border-bottom:1px dotted #18b1e7;
}
div.modifications table tr.row.heading td.cell a.link.descending:after{
content:"";
position:absolute;
left:0;
bottom: 1px;
border-bottom: 1px dotted #1b75bc;
width: 100%;
}
div.table.modifications.catalogUnitList table td.cell a.ajaxLink.preorder{
position: relative;
border:none;
}
div.table.modifications.catalogUnitList table td.cell a.ajaxLink.preorder:after{
content:"";
position:absolute;
left:0;
bottom: 1px;
border-bottom: 1px dotted #1b75bc;
width: 100%;
}
div.table.modifications.catalogUnitList table td.cell a.ajaxLink.preorder:hover:after{
border-color:#18b1e7;
}
div.table.modifications.catalogUnitList table td.cell span.avail{
position: relative;
border:none;
}
div.table.modifications.catalogUnitList table td.cell span.avail:after{
content:"";
position:absolute;
left:0;
bottom: 0px;
border-bottom: 1px dotted ;
width: 100%;
}
body.catalogUnit div.section.content > .catalogUnit .heading p{
color: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
max-width: inherit;
}
div.hitsWrapper div.catalogUnitList div.catalogUnit{
border:1px solid #ebebeb;
border-radius:5px;
box-sizing: border-box;
padding: 13px 9px 17px 9px;
}
div.hitsWrapper div.catalogUnitList div.catalogUnit:hover{
border-color: #18b1e7;
box-shadow: 0 5px 5px 0 rgba(1,1,1,0.2);
}
div.hitsWrapper a.heading{
text-decoration: none;
margin-left: 3px;
}
div.hitsWrapper a.heading h2{
font: 30px/30px 'EuropeNormal';
color: #000;
margin-bottom: 26px;
display: inline-block;
position: relative;
}
div.hitsWrapper a.heading h2:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px solid #b0b0b0;
width: 100%;
z-index: -1;
}
div.hitsWrapper a.heading:hover h2{
color:#18b1e7;
}
div.hitsWrapper a.heading:hover h2:after{
border-color: #18b1e7;
}
body.hits div.content div.catalogUnitList div.catalogUnit{
margin-right: 12%;
margin-left: 0;
float: none;
}
body.hits div.section a.button.ajaxLink span{
border-bottom: 0;
}
body.hits div.mainCatalogHits .ranges > ul{
display: block;
}
body.hits div.mainCatalogHits .ranges > a.previous{
display: inline-block;
}
body.hits div.mainCatalogHits .ranges{
text-align: left;
}
body.hits div.mainCatalogHits .ranges > a.range.next:after,
body.hits div.mainCatalogHits .ranges > a.range.next:before{
content: "";
border-bottom: 0;
}
body.hits .ranges a.range.next{
float: none;
cursor: auto;
}
body.hits div.mainCatalogHits{
margin-top: 57px;
}
body.hits div.mainCatalogHits .ranges{
margin-top: -51px;
}
.layoutA div.catalogHitsInfo{
clear: both;
margin: 0;
padding: 28px 15px 26px 55px;
border:1px solid #276cb6;
border-radius: 6px;
}
.layoutA div.catalogHitsInfo a{
position: relative;
font: 22px/24px 'EuropeNormal';
color: #276cb6;
text-decoration: none;
}
.layoutA div.catalogHitsInfo a:hover{
color: #18b1e7;
}
.layoutA div.catalogHitsInfo a:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px solid #d7e0ee;
width: 100%;
z-index: -1;
}
.layoutA div.catalogHitsInfo a:hover:after{
border-color: #18b1e7;
}
.layoutA div.catalogHitsInfo a:before{
content: "";
position: absolute;
width: 37px;
height: 44px;
left: -38px;
top: -13px;
background: url('/.style/tk-elcable/xhtml/icons/hits.png') no-repeat;
}
.layoutA div.catalogHitsInfo p{
margin-bottom: 0;
margin-top: 19px;
}
body.main.mobile div.content p,
body.main.mobile div.content p.paragraph,
body.main.mobile div.content .list,
body.main.mobile div.hitsWrapper .list{
font-size: 11px;
}
body.mobile .stage .layoutB{
width: 50%;
}
body.mobile.catalogUnit .stage .layoutB{
width: 70%;
}
body.mobile.catalogUnit h3{
font-size: 11px;
}
body.mobile.catalogUnit div{
font-size: 8px;
}
body.mobile span.dec{
top:11px;
}
body.mobile div.content ul.list > li{
background-position: left 13px;
}
body.mobile.catalogUnit div.content ul.list > li{
background-position: left 18px;
}
body.mobile div.content div.catalogUnitList div.catalogUnit{
margin-right: 5%;
width: 222px;
}
body.main.mobile .stageCenter div.content > h1{
font:21px/27px 'EuropeNormal';
}
body.mobile div.content p,
body.mobile div.content p.paragraph,
body.mobile div.content .list,
body.mobile div.hitsWrapper .list{
font-size: 8px;
}
body.mobile h1{
font: 17px/35px 'EuropeNormal';
}
body.mobile h2,
body.mobile .newsList h2.heading,
body.mobile a.newsRubricLink{
font: 11px/27px 'EuropeNormal';
}
body.mobile.catalogMainPage div.catalogList > ul > li.item .section h2{
font: 13px/22px Verdana;
}
body.mobile h3,body.mobile h4{
font-size:13px;
}
div.offersBlock span.imageBorder{
height: 164px;
width: 164px;
background-size: contain;
top:-1px;
left:-1px;
}
.stage div.offersBlock{
background:url('/.style/tk-elcable/xhtml/images/offersBlock.png') repeat-x scroll 0 0 #1b75bc;
background-size: contain;
}
body.mobile div.mainCatalogHits > div.item div.avail{
padding-left: 0;
}
body.mobile div.mainCatalogHits > div.item div.marketItem form div.number.quantity{
left:16px;
}
/*Делаем всплывающее окно с выводом серий*/
.top ul.catalogSectionList li.item{
position: relative;
}
body.mobile .top ul.catalogSectionList li.item .popupSeries{
display: none !important;
}
.top ul.catalogSectionList li.item .popupSeries{
background: #fff none repeat scroll 0 0;
border: 1px solid #18b1e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 5px 5px 0 rgba(1,1,1,0.2);
cursor: default;
display: none;
float: left;
height: auto;
left: 19%;
position: absolute;
/* top: -139px; */
top: 0px;
width: 213px;
z-index: 2;
padding: 10px 22px 17px 13px;
}
.top ul.catalogSectionList li.item .popupSeries > span.backTriangle{
background: #fff none repeat scroll 0 0;
bottom: 0;
height: 30px;
left: 4px;
position: absolute;
width: 97%;
z-index: 10;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries{
position: relative;
display: block;
z-index: 10;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(1){
margin: 4px 0 0 0;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(1) > b
{
font:bold 15px/17px Arial;
margin-left: 6px;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(2){
margin: 10px 0 0 0;
color: #1b75bc;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(2) > a{
display: inline-block;
margin-left: 6px;
line-height: 17px;
font: 13px/17px Arial;
position: relative;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(2) > a:after{
content: ",";
position: absolute;
right: -4px;
bottom:0px;
border: none !important;
color: #000000;
text-decoration: none !important;
}
.top ul.catalogSectionList li.item .popupSeries > span.textSeries > p:nth-of-type(2) > a:last-child:after{
content: "";
position: absolute;
right: -4px;
bottom:0px;
}
.top ul.catalogSectionList li.item .popupSeries > span.triangle{
background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
bottom: -24px;
/* box-shadow: 0 0 1px -2px rgba(0, 0, 0, 0.15) inset, 3px -3px 13px 1px rgba(0, 0, 0, 0.2); */
/* box-shadow: 0 0 1px -2px #d2d2d2 inset, 1px -2px 13px 1px #d2d2d2; */
box-shadow: 0 0 1px -2px rgba(0, 0, 0, 0.15) inset, 1px -2px 13px 1px rgba(0, 0, 0, 0.2);
display: block;
font: 0px/0;
height: 23px;
left: 36px;
position: absolute;
transform: rotate(-45deg);
transform-origin: left top 0;
width: 23px;
z-index: 1;
border: 1px solid #18b1e7;
}
:root .top ul.catalogSectionList li.item .popupSeries > span.triangle {
bottom: -13px\0/;
}
@media all\0 {
_:valid, .top ul.catalogSectionList li.item .popupSeries > span.triangle {
bottom: -24px !important;
}
}
.top ul.catalogSectionList li.item .popupSeries > span.triangle:after{
background-color: #fff;
content: "";
height: 23px;
position: absolute;
width: 23px;
}
div.arrowUp{
display: none;
z-index: 10;
position: fixed;
right: 150px;
bottom: 50px;
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 5px;
background: rgba(0,0,0,0.2);
}
div.arrowUp:after{
content: "";
position: absolute;
width: 28px;
height: 17px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -14px;
background: url('/.style/tk-elcable/xhtml/icons/arrowUp.png') no-repeat 0 0;
}
div.arrowUp:hover:after{
background-position: 0 -17px;
}
div.arrowUp.active{
display: block;
}
@media screen and (max-width: 1500px){
div.arrowUp{
right: 100px;
}
}
@media screen and (max-width: 1350px){
div.arrowUp{
right: 50px;
}
}
/* FILE: .style/tk-elcable/xhtml/navigation.css */
ul.path {
margin: 0 0 4px;
}
ul.path li.item a.link {
color: #777776;
font: 11px/11px Tahoma;
text-decoration: underline;
}
ul.path li.item a.link:hover {
color: #18b1e7;
}
ul.path li.item {
color: #777776;
}
.top div.topMenu {
background: -moz-linear-gradient(to top,#1b75bc,#08a0d6);
background: -webkit-linear-gradient(90deg,#1b75bc,#08a0d6);
background: -o-linear-gradient(to top,#1b75bc,#08a0d6);
background: -ms-linear-gradient(to top,#1b75bc,#08a0d6);
background: linear-gradient(to top,#1b75bc,#08a0d6);
position: relative;
width: 100%;
height: 41px;
border-radius: 4px 4px 7px 7px;
-moz-border-radius: 4px 4px 7px 7px;
box-shadow: 0px 2px 2px #354850;
-moz-box-shadow: 0px 2px 2px #354850;
}
.top ul.menu {
color: #E3F6FC;
display: block;
float: left;
height: 43px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
.top ul.menu li.item {
background: none repeat scroll 0 0 transparent;
display: inline-block;
float: none;
font-family: 'verdanabold', "Geneva CY", "DejaVu Sans", sans-serif;
font-weight: bold;
font-size:14px;
line-height:14px;
margin: 0;
padding: 5px 2.5% 10px;
position: relative;
}
.top ul.menu li.item span {
padding: 6px 10px 7px;
display: inline-block;
}
.top ul.menu li.item.selected {
background: url("/.style/tk-elcable/xhtml/images/topMenuSelected.png") repeat-x scroll 0 0 transparent;
}
.top ul.menu li.item.selected span {
background-color: transparent;
color: #e3f6fc;
}
.top ul.menu li.item span a.link {
color: #e3f6fc;
}
.top ul.menu li.item.selected span a.link:hover, .top ul.menu li.item a.link:hover {
color: #ffffff;
}
.footer div.topMenu {
color: #1b75bc;
display: block;
float: left;
margin: 23px 0 16px;
padding: 0;
position: relative;
width: 100%;
}
.footer ul.menu {
color: #1b75bc;
display: block;
float: left;
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
}
.footer ul.menu li.item {
background: none repeat scroll 0 0 transparent;
display: inline-block;
float: none;
font: 11px/11px Arial;
margin: 8px 5% 0 0;
padding: 0;
position: relative;
}
.footer ul.menu li.item[key="contacts"] {
display: none;
}
.layoutA div.leftMenu {
margin: 0 0 0;
padding: 0;
float: left;
width: 250px;
}
.layoutA ul.menu {
margin: 0;
padding: 28px 0 81px 21px;
letter-spacing: normal;
float: left;
}
.layoutA ul.menu li.item {
background: none;
clear: both;
color: #1b75bc;
float: left;
margin: 0;
padding: 5px 0 0;
width: 100%;
}
.layoutA ul.menu li.item a.link {
color: #1b75bc;
font: 15px/20px Arial;
}
.layoutA ul.menu li.item a.link:hover {
color: #18b1e7;
}
.layoutA ul.menu li.item span {
padding: 3px 9px 4px;
}
.layoutA ul.menu li.selected > span {
color: #ffffff;
/*color: #1b75bc;*/
font: 15px/20px Arial;
padding: 3px 9px;
background-color: #1B75BC;
display:inline-block;
}
.layoutA ul.menu li.selected.withLink > span a.link{
color:#ffffff;
}
.layoutA ul.menu li.selected.deep > span {
background-color: #276cb6;
color: #ffffff;
}
.layoutA ul.menu li.selected > span a.link {
color: #1b75bc;
}
.layoutA ul.menu li.selected.deep > span a.link {
color: #ffffff;
}
.layoutA ul.menu ul.menu {
padding: 2px 0 5px;
width: 100%;
}
.layoutA ul.menu ul.menu li.item {
padding: 7px 0 0 18px;
}
.layoutA ul.menu ul.menu li.item span {
padding: 0 8px 1px;
}
.layoutA ul.menu ul.menu li.item.selected span {
background-color: #1B75BC;
color: #FFFFFF;
font-size: 13px;
line-height: 17px;
padding: 2px 8px 2px;
display:inline-block;
}
.layoutA ul.menu ul.menu li.item.selected.withLink span a{
color: #ffffff;
}
.layoutA ul.menu ul.menu li.item a.link {
font-size: 13px;
line-height: 17px;
}
/*--- Всплывающее меню ---*/
.dropdownMenu{
background: none repeat scroll 0 0 #fff;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
margin-top: 1px;
max-width: 300px;
padding: 0px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
z-index: 10!important;
border:0!important;
box-shadow: 0 4px 4px 1px #999, 0 5px 3px -3px #aaa inset;
-webkit-box-shadow: 0 4px 4px 1px #999, 0 5px 3px -3px #aaa inset;
-moz-box-shadow: 0 4px 4px 1px #999, 0 5px 3px -3px #aaa inset;
}
.dropdownMenu.subMenu {
margin-left: 0;
margin-top: 0;
box-shadow:0 4px 4px 1px #999;
-moz-box-shadow:0 4px 4px 1px #999;
-webkit-box-shadow:0 4px 4px 1px #999;
}
.dropdownMenu ul {
margin:10px 0;
}
.dropdownMenu .dropdownMenuItem{
padding:9px 65px 9px 20px;
}
.dropdownMenu .dropdownMenuItem:before,
.dropdownMenu ul > li:before{
content:""!important;
}
.dropdownMenu li.current{
background-color: transparent;
}
.dropdownMenu li.current a,
.dropdownMenu li.current span{
font-weight:bold;
}
.dropdownMenu .dropdownMenuItem{
background-color:transparent;
position:relative;
}
.dropdownMenu .dropdownMenuItem.active{
background-color:transparent;
cursor:default;
}
.dropdownMenu .dropdownMenuItem.select{
background-color:#ebebeb;
}
.dropdownMenu .dropdownMenuItem:hover{
background-color:#096196;
}
.dropdownMenu .dropdownMenuItem.hasLauncher:after{
content:"";
position:absolute;
right:15px;
top:50%;
margin-top:-3px;
width:4px;
height:6px;
background: url("/.style/tk-elcable/xhtml/images/dropdownMenuArrow.png") no-repeat scroll 0 0 transparent;
}
.dropdownMenu .dropdownMenuItem.hasLauncher:hover:after{
background: url("/.style/tk-elcable/xhtml/images/dropdownMenuArrowHover.png") no-repeat scroll 0 0 transparent;
}
.dropdownMenu .dropdownMenuItem a,
.dropdownMenu .dropdownMenuItem span{
font-size:14px;
line-height:18px;
color:#1b75bc;
padding:0;
text-decoration:underline;
display:inline-block;
}
.dropdownMenu .dropdownMenuItem.active a{
color: #1b75bc;
}
.dropdownMenu .dropdownMenuItem:hover a,
.dropdownMenu .dropdownMenuItem a:hover{
color:#fff;
}
.dropdownMenu .dropdownMenuItem span{
text-decoration:none;
background-image:none!important;
}
.dropdownMenu li.active.hasSubMenu .caption,
.dropdownMenu li.active.hasLauncher .caption,
.dropdownMenu li.hasSubMenu .caption,
.dropdownMenu li.hasLauncher .caption{
background-image:none!important;
}
.dropdownMenu li.active.hasSubMenu a, .dropdownMenu li.active.hasLauncher a {
background-image:none;
}
.dropdownMenu.subMenu ul{
margin:0 0 10px;
}
.dropdownMenu li.loading{
width:auto;
}